import React from "react";
import { ToRegTer } from "@/components/main/user/styled";
import { withRouter } from "react-router-dom";

class RegiSter extends React.Component {
  state = {
    inputValzh: "",
    inputValmm: ""
  };
  render() {
    return (
      <ToRegTer>
        <div className="register_toPath">
          <a className="register_toPath_one" href="../index/index.jsx">
            &lt;
          </a>
        </div>
        <div className="register_content">
          <h1>欢迎来到聚橙网</h1>
          <div className="register_input">
            <input
              type="text"
              value={this.state.inputValzh}
              placeholder="请输入手机号码/邮箱"
              onChange={this.handelInputezh.bind(this)}
            />
            <input
              type="text"
              value={this.state.inputValmm}
              placeholder="请输入密码"
              onChange={this.handelInputemm.bind(this)}
            />
            <i className="register_toPath_two" onClick={this.toPath.bind(this)}>
              登录
            </i>
            <div className="register_wangji_mm">
              <a href="https://m.juooo.com/Passport/resetPassword">
                <span className="register_wangji_mm_left">忘记密码</span>
              </a>
              <span className="register_wangji_mm_right">验证码登录/注册</span>
            </div>
          </div>
        </div>
        <div className="register_else">
          <div className="register_else_top">
            <p>其他登录方式</p>
          </div>
          <div className="register_else_bot">
            <a
              className="register_else_qq"
              href="https://m.juooo.com/Passport/oauthRegLogin?type=qq"
            >
              <img
                src="https://m.juooo.com/public/basic/Home/app/app-juooo5/images/login/qq.png"
                alt=""
              />
            </a>
            <a
              className="register_else_wb"
              href="https://m.juooo.com/Passport/oauthRegLogin?type=sina"
            >
              <img
                src="https://m.juooo.com/public/basic/Home/app/app-juooo5/images/login/weibo.png"
                alt=""
              />
            </a>
          </div>
        </div>
      </ToRegTer>
    );
  }
  handelInputezh(e) {
    var inputValzh = e.target.value;
    this.setState({ inputValzh });
  }
  handelInputemm(e) {
    var inputValmm = e.target.value;
    this.setState({ inputValmm });
  }
  toPath() {
    console.log("11");
    this.props.history.push("/user");
  }
}
export default withRouter(RegiSter);
